@charset "UTF-8";
/* CSS Document */

body {
	line-height: 14px;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background: #fff url('../images/BackgroundRepeat.jpg') repeat-x left top;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1 { font-size: 32px; line-height: 40px; font-family: "Helvetica Neue LT Std", Arial, Helvetica, sans-serif;
    height: 42px;
    width: 869px;
}
h2 { font-size: 28px; line-height: 38px; font-family: "Helvetica Neue LT Std", Arial, Helvetica, sans-serif; }
h3 { font-size: 22px; line-height: 28px; margin-bottom: 4px; color: #335C85; font-family: "Helvetica Neue LT Std", Arial, Helvetica, sans-serif; text-transform: uppercase; }

p { font: normal 13px/1.6em Verdana, Geneva, sans-serif; width: 556px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
}
p.verse { 
	font-size: 24px; 
	line-height: 32px; 
	margin-bottom: 4px; 
	color: #990; 
	font-family: "Helvetica Neue LT Std", Arial, Helvetica, sans-serif; 
	font-weight: 300; 
	font-style: italic;
	padding-bottom: 10px; 
	border-bottom: 1px solid #ccc; 
}
p.verse span.reference { font-size: 16px; color: #666; }
span.blue { color: #335C85; }

a:link, a:visited { color: #335C85; font-weight: bold; }
a:hover, a:active { color: #990; font-weight: bold; } 

.clearfix:after {
	 content: "."; 
	 display: block; 
	 height: 0; 
	 clear: both; 
	 visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

#container {
	background: #fff;
	margin: 0 auto;
	padding: 0 12px;
	width: 876px !important;
	width /* */ : 900px; /* false ie/win value */
	position: relative;
	text-align: left;
}
#page {
  padding: 0;
  width: 876px;
}

#mainContent { width: 876px; }
#subContent {  width: 876px; padding-top: 25px; }

#mainContent h2 {
  font-family: "Helvetica Neue LT Std", Arial, Helvetica, sans-serif;
	font-weight: 300;
  color: #333;
  font-size: 34px;
  line-height: 1em;
  margin: 0; 
  padding: 0;
}
#head { 
  padding: 80px 0 0 0;
	height: 36px !important;
  height /* */ : 116px; /* false ie/win value */
  width: 876px;
	position: relative;
	border-bottom: 1px solid #666;
	margin-bottom: 2px;
}
#head h1#logo {
  margin: 0;
  padding: 0;
  top: 11px;
  left: 0;
  height: 59px;
  width: 260px;
  position: absolute;
  overflow: hidden;
}
#head h1#logo a
{
    background: url('../Images/LivingWell_logo.gif') no-repeat left top;
    padding-top: 61px;
    height: 0 !important;
    height: /* */ 61px; /* false ie/win value */
    width: 260px;
    display: block;
}
#login {
	width: 58px;
	padding-top: 6px;
	background: url('../Images/login_bkg.gif') no-repeat left top;
	height: 17px !important;
  height /* */ : 23px; /* false ie/win value */
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	font: normal 12px/12px Arial, Helvetica, sans-serif;
    left: 866px;
}

#login a:link, #login a:visited { color: #333; text-decoration: none; }
#login a:hover, #login a:active { color: #335C85; text-decoration: underline; }

#head h2.headtext { 
	color: #990;
	font-size: 30px;
	line-height: 30px;
	position: absolute;
	top: 36px;
	right: 22px;
	font-family: "Helvetica Neue LT Std", Arial, Helvetica, sans-serif;
	font-weight: 300;
	margin: 0;
	padding: 0;
}
#head h2.headtext span.healthcare {  color: #999; font-weight: 400; }

/* ------------------ Navigation Styles -------------------- */

#headNav { 
  padding: 0;
  width: 876px;
	height: 36px;
	background: url(../images/nav_bkgd.gif) no-repeat top right;
}

ul#headNavList {
	margin: 0;
	height: 36px;
	padding: 0;
	width: 633px;
	overflow: hidden;
	list-style: none;
	float: left;
	display: inline;
}
ul#headNavList li {
	float: left;
	padding: 0;
	margin: 0;
}
ul#headNavList li a {
	display: block;
	overflow: hidden;
	padding-top: 36px;
	height: 0 !important;
	height /* */: 36px; /* False value for IE4-5.x/Win. */
}

ul#headNavList li a:link, ul#headNavList li a:visited { background: no-repeat 0 0; }
ul#headNavList li a:hover, ul#headNavList li a:active { background: no-repeat 0 -36px; }

ul#headNavList li#navHome a { background-image: url(../images/nav_home.gif); width: 70px; }
ul#headNavList li#navAbout a { background-image: url(../images/nav_about.gif); width: 94px; }
ul#headNavList li#navAppointment a { background-image: url(../images/nav_appointment.gif); width: 187px; }
ul#headNavList li#navDonate a { background-image: url(../images/nav_donate.gif); width: 78px; }
ul#headNavList li#navVolunteer a { background-image: url(../images/nav_volunteer.gif); width: 96px; }
ul#headNavList li#navContact a { background-image: url(../images/nav_contact.gif); width: 108px; }

body#home li#navHome a:link, body#home li#navHome a:visited, body#home li#navHome a:hover, body#home li#navHome a:active { background-position: 0 -36px; }
body#about li#navAbout a:link, body#about li#navAbout a:visited, body#about li#navAbout a:hover, body#about li#navAbout a:active { background-position: 0 -36px; }
body#appointment li#navAppointment a:link, body#appointment li#navAppointment a:visited, body#appointment li#navAppointment a:hover, body#appointment li#navAppointment a:active { background-position: 0 -36px; }
body#donate li#navDonate a:link, body#donate li#navDonate a:visited, body#donate li#navDonate a:hover, body#donate li#navDonate a:active { background-position: 0 -36px; }
body#volunteer li#navVolunteer a:link, body#volunteer li#navVolunteer a:visited, body#volunteer li#navVolunteer a:hover, body#volunteer li#navVolunteer a:active { background-position: 0 -36px; }
body#contact li#navContact a:link, body#contact li#navContact a:visited, body#contact li#navContact a:hover, body#contact li#navContact a:active { background-position: 0 -36px; }

.searchbox { 
	padding: 9px 0 0 0;
	height: 29px !important;
	height /* */: 36px; /* False value for IE4-5.x/Win. */ 
}
#searchForm { margin: 0; padding: 0; height: 22px; }
input.searchtextfield { 
	margin: 0 3px; 
	padding: 0 0 0 3px; 
	border: 1px solid #999; 
	height: 20px !important;
	height /* */: 22px; /* False value for IE4-5.x/Win. */ 
	width: 207px !important;
	width /* */: 212px; /* False value for IE4-5.x/Win. */
	float: left; 
	line-height: 20px;
	color: #7F7F7F;
	font-size: 12px;
	vertical-align: middle;
}
input.searchbtn { margin: 0; padding: 0; height: 22px; width: 22px; }
input.searchbtn:hover { opacity:0.7;filter:alpha(opacity=70) }



/* ------------------ Homepage Styles -------------------- */

.homephoto { margin-bottom: 15px; }

p.hometext { width: 512px; float: left; margin: 0 0 0 15px; padding: 0; font-size: 14px; line-height: 1.5em; color: #666; }

ul#sideads {
	margin: 0;
	padding: 0;
	width: 303px;
	overflow: hidden;
	list-style: none;
	float: right;
}
ul#sideads li {
	float: left;
	padding: 0;
	margin: 0 0 15px 0;
	width: 303px;
}
ul#sideads li a {
	display: block;
	padding-top: 117px;
	height: 0 !important;
	height /* */: 117px; /* False value for IE4-5.x/Win. */
	overflow: hidden;
}
ul#sideads li a:link, ul#sideads li a:active, ul#sideads li a:visited { opacity:1;filter:alpha(opacity=100) }
ul#sideads li a:hover { opacity:0.7;filter:alpha(opacity=70) }

ul#sideads li#appointment a { background: url(../images/ad_appointment.jpg) no-repeat top left; }
ul#sideads li#donate a { background: url(../images/ad_donate.jpg) no-repeat top left; }



#subContent-left { 
	width: 522px !important;
  width /* */ : 537px; /* false ie/win value */
	float: left; 
	margin: 0; 
	padding: 0 0 0 15px; 
	line-height: 1.5em; 
	color: #666; 
}
#subContent-left ol { list-style: decimal; margin: 0 0 0 20px; padding: 0; }
#subContent-left ol li { margin: 0 0 6px 0; padding: 0; }

#subContent-left ul { list-style: square; margin: 0 0 0 20px; padding: 0; }
#subContent-left ul li { margin: 0 0 6px 0; padding: 0; }


/* ------------------ Footer Styles -------------------- */

#footer {
  background: url(../images/footer_bkg.png) no-repeat top left;
  padding: 0 30px;
  width: 840px !important;
  width /* */ : 900px; /* false ie/win value */
  height: 41px;
	margin: 0 auto;
}
#footerLeft {
  width: 400px;
  float: left;
  padding-top: 15px;
	text-align: left;
	font: normal 12px/12px Arial, Helvetica, sans-serif;
	color: #fff;
}
#footerRight {
  width: 400px;
  float: right;
  padding-top: 15px;
	text-align: right;
	font: normal 12px/12px Arial, Helvetica, sans-serif;
	color: #fff;
}
#footer a:link, #footer a:visited { color: #fff; }
#footer a:hover, #footer a:active { color: #335C85; } 

#copyright {
	font: normal 12px/14px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 6px 30px;
	color: #335C85;
	width: 840px !important;
  width /* */ : 900px; /* false ie/win value */
	margin: 0 auto;
}


/*Stuff added by Chris*/
#socialmedia
{
    float: right;
}

#logindialog
{
}

.smitem
{
    border: 0px;
}

.hidden
{
    display: none;
}